<!DOCTYPE html>
<html lang="en">
	<head>
    	<meta name="layout" content="main_customer_pc">    	
    	<title>火堆</title>
    	<link rel="stylesheet" type="text/css" href="/scfire/css_pc/item.css" />
    	<link rel="stylesheet" type="text/css" href="/scfire/css_pc/case.css" />         
    </head>

<body>
    <section class="">
        <div class="banner style1 fix-header" style="background-image: url(../img_pc/bg-banner-3.jpg)">
            <div class="container">
                <h1>感恩与你共同前行</h1>
                <div class="txt">
                    星星之火，可以燎原
                    <br> 等待那个天使，那个眼里有光的你
                    <br>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="nav style1">
                <ul>
                <g:each in="${partners}" var="cate" status="i">
                <g:if test="${i==0}">
                	<li class="active"><a href="">${cate.name}</a></li>
                </g:if>
                <g:else>
                	<li><a href="">${cate.name}</a></li>
                </g:else>
                </g:each>
                </ul>
            </div>
                <div class="container">
                    <ul class="nav-content">
                            <g:each in="${partners}" var="cate" status="i">
	                			<g:if test="${i==0}">
			                	<li class="active">
	                            		<!--  判定 列表所属类型 -->
	                            		<g:if test="${cate.partnerpces?.getAt(0)?.type == 'company'}">
	                            		<li >
						                	<ul class="list people">
						                		 <g:each in="${cate.partnerpces}" var="partner">
						                          <li class="list-item" style="background-image:url('/scfire/project/imgRead?img=${partner.img}')">
					                                    <div class="des" onclick="window.location.href='${partner.url}'">
					                                        <div class="name">${partner.name}</div>
					                                        <div class="txt">${partner.description}</div>
					                                    </div>
						                               </li>
						                        </g:each>
						                    </ul>
						                </li>
	                            		</g:if>
	                            		<g:else>
	                            		<ul class="list people">
	                            		<g:each in="${cate.partnerpces}" var="partner">
				                          <li class="list-item" style="background-image:url('/scfire/project/imgRead?img=${partner.img}')">
		                                    <div class="des" onclick="window.location.href='${partner.url}'">
		                                        <div class="name">${partner.name}</div>
		                                        <div class="txt">${partner.description}</div>
		                                    </div>
			                               </li>
				                        </g:each>
				                        </ul>
	                            		</g:else>
				                
				                </li>
	                			</g:if>
		                		<g:elseif test="${cate.partnerpces?.getAt(0)?.type != 'company'}">
		                		<li >
			                	<ul class="list people">
			                		 <g:each in="${cate.partnerpces}" var="partner">
			                          <li class="list-item" style="background-image:url('/scfire/project/imgRead?img=${partner.img}')">
		                                    <div class="des" onclick="window.location.href='${partner.url}'">
		                                        <div class="name">${partner.name}</div>
		                                        <div class="txt">${partner.description}</div>
		                                    </div>
			                               </li>
			                        </g:each>
			                    </ul>
			                    </li>
		                		</g:elseif>
		                		<g:else>
		                		<li>
		                            <div class="list-wrap">
		                                <ul class="list enterprise">
		                                	<g:each in="${cate.partnerpces}" var="partner">
		                                    <li class="list-item">
		                                        <div class="avatar" style="background-image:url('/scfire/project/imgRead?img=${partner.img}')"></div>
		                                        <div class="des" onclick="window.location.href='${partner.url}'">
		                                            <div class="title">${partner.name}</div>
		                                            <div class="txt">${partner.description}</div>
		                                        </div>
		                                    </li>
		                                    </g:each>
		                                </ul>
		                            </div>
		                        </li>
		                		</g:else>
                		</g:each>
    
                    </ul>
                </div>
            </div>
    </section>
    <script>
    $(function() {
        $('.nav ul li a').click(function(e) {
            e.preventDefault();
        })
        $('.nav ul li').click(function(e) {
            $(this).addClass('active').siblings('.active').removeClass('active');
            $('.nav-content>li').eq($(this).index()).addClass('active').siblings('.active').removeClass('active');
        })
    })
    </script>
</body>

</html>
